<#include "../macro/layout_default.ftl"/>

<@head>
<link rel="stylesheet" href="/misc/adminlte-2.3.7/plugins/daterangepicker/daterangepicker.css"/>
<style type="text/css">
/*表格标题导出*/
.table,th{text-align:center !important}
.titlebar{border-bottom:1px solid #ccc;overflow:hidden;zoom:1;padding-bottom:10px;}
.titlebar h5{float:left;}
.titlebar div{float:right}
</style>
</@head>
<@body>
<script src="/misc/adminlte-2.3.7/plugins/daterangepicker/moment.min.js"></script>
<script src="/misc/adminlte-2.3.7/plugins/daterangepicker/daterangepicker.js"></script>
<#--<script src="/misc/echarts.min.js"></script>-->
<script src="/misc/app/js/echarts.min.js"></script>
<script src="/misc/app/js/area.js"></script>

</@body>
<@layout_default>

<div class="box">
    <div class="box-header with-border">
        <form name="form_query" class="form-inline">
           <select class="form-control" id="product_list">
           		<#--<option>全部产品</option>-->
           		<#--<option>40.8度金六福一坛好酒</option>	-->
           </select>
        </form>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width: 100%;height:500px;"></div>
    </div>

    <div>
        <div class="box-body">
        	<div class="titlebar">
				<h5>数据明细</h5>
				<div><a href="javascript:void(0);" name="btn_export" id="btn_export"><i class="glyphicon glyphicon-save"></i> 数据导出</a></div>
			</div>
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>区域</th>
                        <th>扫码量</th>
                        <th>用户量</th>
                        <th>人均扫码次数</th>
                        <th>中奖量</th>
                        <th>红包中奖量</th>
                        <th>实物中奖量</th>
                    </tr>
                </thead>
               <tbody  id="tbody_data">

               </tbody>
            </table>
            <div class="box-footer text-center" id="page_model" > </div>
        </div>
    </div>
    <!-- /.box-body -->

</div>




</@layout_default>